<template>
  <div>
    <sui-popup content="Hello. This is a mini popup" size="mini">
      <sui-icon slot="trigger" circular name="heart" />
    </sui-popup>
    <sui-popup content="Hello. This is a tiny popup" size="tiny">
      <sui-icon slot="trigger" circular name="heart" />
    </sui-popup>
    <sui-popup content="Hello. This is a small popup" size="small">
      <sui-icon slot="trigger" circular name="heart" />
    </sui-popup>
    <sui-popup content="Hello. This is a large popup" size="large">
      <sui-icon slot="trigger" circular name="heart" />
    </sui-popup>
    <sui-popup content="Hello. This is a huge popup" size="huge">
      <sui-icon slot="trigger" circular name="heart" />
    </sui-popup>
  </div>
</template>

<script>
export default {};
</script>
